<template>
    <div>
        <img src="../assets/logo.png" style="margin-top:60px">
        <!-- <img v-bind:src=imgSrc>  -->
        <h2 class="not-found-title">404</h2>
        <p class="page-container">抱歉！您访问的页面<em>失联</em>啦...</p>
        <el-button @click="$router.go(-1)">返回上一页</el-button>
        <el-button type="primary" style="margin-left:80px">进入首页</el-button>
    </div>
    
</template>
<script>
export default {
  name: 'NotFound',
  data () {
    return {
      imgSrc: '../assets/logo.png'
    };
  }
}
</script>
<style lang="scss" scoped>
    .not-found-title{
        font-size: 100px;
        // color: rgb(192, 204, 218);
        padding: 0;
        margin:0;
        // margin-top: 10%;
    }
    .page-container {
        margin-top: 20px;
        font-size: 25px;
        text-align: center;
        color: rgb(192, 204, 218);
    }
    em{
        color:orange;
    }
</style>